//入口函数
$(function () {
    //获取用户信息
    getUserInfo()

    //退出登录
    $('#logout').on('click', function () {

        //弹框提示
        layer.confirm('确定退出?', { icon: 3, title: '提示' }, function (index) {

            //销毁token  跳转到登录页
            localStorage.removeItem('token');
            location.href = '/login.html'
            layer.close(index);
        });
    })

})

//封装成全局函数 以后其他页面调用
function getUserInfo() {

    //发送ajax请求
    axios({
        method: 'GET',
        url: '/my/userinfo',

        // 设置任意头信息
        // 在common添加拦截器后不用设置了
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res => {
        // console.log(res.data);
        //判断  是否获取成功
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message);
        };
        //成功渲染到页面
        renderAvatar(res.data.data);
    })
}

//封装一个渲染头像函数
function renderAvatar(user) {
    // console.log(user);
    //如果有昵称就渲染昵称,没有渲染用户名
    let name = user.nickname || user.username
    $('.welcome').html(name)

    //如果有图片渲染图片,没有图片就渲染文字头像
    if (user.user_pic !== null) {
        $('.avatar-text').hide();
        $('.layui-nav-img').show().attr('src', user.user_pic);
    } else {
        // 获取首字母大写
        let first = name[0].toUpperCase();
        $('.avatar-text').show().html(first);
        $('.layui-nav-img').hide()
    }
}